html {
	position: relative; min-height: 100%
     }

body    {
        background-color: #ddd9c7; /* fffae0, eee9cf, ddd8be , eae7d2, dcd5c8*/
        font-family: "Bitstream Vera Serif", Georgia, "New Century Schoolbook", Utopia, serif;
        font-size: 10pt;
        margin: 0px;
        padding: 0px;
        text-align: justify;
        }

.feedbackPanelERROR { color: red }

div.leftpanel {
        clear:left;
        width: 128px;
        margin: 0px 16px 16px 16px;  
        padding: 0px;
        border: none;
	float: left;
}

div.mainbody {
	margin: 16px 16px 16px 160px;
	border: none;
	padding: 0px;
}

div.nav {
        font-size: 8pt;
        font-family: tahoma, "arial narrow", "luxi sans", "lucida", sans-serif;
        border: 1px solid black;
        }

div.nav a {
        display:block;
        width: 116px;  /* firefox doesn't need this, but IE does, to get the hover effect in the whole block */
                       /* remember to account for 2px for the border */
        background-color: #cc947a;
        color: #000000;
        padding: 2px 5px 2px 5px; 
        border-bottom: 1px solid #000000;
        text-decoration: none;
        font-weight: normal;
        }

div.nav a.nohighlight {
        display:block;
        width: 116px;  /* firefox doesn't need this, but IE does, to get the hover effect in the whole block */
                       /* remember to account for 2px for the border */
        background-color: #cccccc;
        color: #000000;
        padding: 2px 5px 2px 5px;
        border-bottom: 1px solid #000000;
        text-decoration: none;
        font-weight: normal;
        }

div.nav p.normallink a {
	display: inline;
	background-color: inherit;
	color: #000000;
}

div.nav a.heading {
        background-color: #cc2828;
	color: #000000;
        }

div.nav a:hover {
        background-color: #a67862;
        color: #000000;
        text-decoration: none;
}

div.nav a:hover.heading {
        background-color: #a62121;
}

div.nav a:visited {
	color: #000000;
}

div.nav p.heading {
        background-color: #333333;
        color: #cccccc;
        }

div.nav p,div.nav form {
        margin: 0px;
        padding: 2px 5px 2px 5px;
        display: block;
        width: 116px;
        background-color: #cccccc;
        }

table.formEntry {
	border: 1px solid black;
}

table.formEntry th {
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
	border: 1px solid;
	padding: 1ex;
	font-size: 8pt;
}

table.formEntry td {
	text-align: left;
	border: 1px solid;
	padding: 1ex;
	font-size: 8pt;
}

div.logo {
        border: solid #b37f75 1px;
        background-color: #802020;
        margin-bottom: 16px;
	padding: 0px; 
}

div.title {
	margin: 0px;
	padding: 0px;
        padding-bottom: 0px;
}

div.title p {
        background-color: #805d4d;
        border: solid #b39e8b 1px;
        color: #cccccc;
        padding: .5em;
        text-align: center;
        font-size: 120%;
        font-weight: bold;
	margin-top: 0px;
        margin-bottom: 16px;
}

img.logo {
        padding: 16px;
}

p {
        margin: 1em 0em 1em 0em;
}

a       {
        color: #802020;
        text-decoration: none;
        font-weight: bold;
        }


a:hover {
        text-decoration: underline;
        color: #805d4d;
        }

a:visited {
	color: #805d4d;
}


span.panelrow_dark { background-color: #a67864; display: block; padding-top: .5em; padding-bottom: .5em;}
span.panelrow_normal { display: block; padding-top: .5em; padding-bottom: .5em;}
p.panelheading { text-align: center; padding: 0em; margin: 0em; background-color: #cccccc; font-weight: bold }

/* div.panelset { margin-left: 144px } */

div.smallpanel { float: right; width: 33.3%; padding: 0px; margin-bottom: 16px; border: none; }
div.smallpanelcontainer { border: 1px solid; border-color: #802020;  font-size: 80%;
  margin-left: 8px; border-radius: 3px; -moz-border-radius: 3px; padding: 3px;
}

div.largepanel { float: left; width: 66.7%; padding: 0em; margin-bottom: 16px; border: none; }
div.largepanelcontainer { border: 1px solid; border-color: #802020;  
  margin-right: 8px; border-radius: 3px; -moz-border-radius: 3px; padding: 3px;
}

.articlesummary { font-weight: bold; }
.articlelist { padding: 0px; margin: 0px; }
.articlelistbody { }
.articlelistsummary {  margin: 0em 1em 0em 1em;}
.articlelistheading { font-size: 120%; }
.articlelisttitle { text-align: left;  margin: 0px; }
.articlelistdate { text-align: right;  float: right; margin: 0px; padding: .5em; }


div.adlist { font-size: 95%; }
.adlistdark { background-color: #cccccc; }
p.adlistheader { text-align: center; margin: 0em; padding: 0em; }
a.adlistheader { text-align: center; }

div.adbox { border: 1px solid #802020; border-radius: 3px; -moz-border-radius: 3px; font-size: 80%; padding: 1px; margin-bottom: 16px; }
p.adboxheader { background-color: #cccccc; color: black; text-align: center; margin: 0em; padding: 0em; }

div.announcement { margin: 0px 0px 16px 0px; text-align: left; border: 1px solid #802020; border-radius: 3px; -moz-border-radius: 3px; }
div.announcecontent { margin: 0px; padding: 0px 4px 0px 4px; font-size: 80% }
p.announcehead { color: #000000;  background-color: #cccccc; margin: 0px; padding: 0px 4px 0px 4px; font-size: 105%; font-weight: bold;
 }

.poll {  line-height: 1em; }
.polltitle { text-align: center; padding: 0px; margin: 0px; }
.pollquestion { text-align: justify; padding: 0px; margin: 0px; }
.pollanswer { padding: 0px; margin: 0px; }
.pollform { padding: 0px; margin: 0px; }
.pollformelement { font-size: 7pt; margin: 0px; padding: 0px}

form { margin: 0em; font-size: inherit; font-family: inherit; background-color: inherit}
input {color: inherit; background-color: inherit; font-size: inherit; font-family: inherit; }
textarea {color: inherit; background-color: inherit; font-size: inherit; font-family: inherit; }
select {color: inherit; background-color: inherit; font-size: inherit; font-family: inherit;}
option {color: inherit; background-color: inherit; font-size: inherit; font-family: inherit;}

form *:focus { background-color: #cccccc; }

img.branding { position: fixed; right: 29px; bottom: 5px }

.busybox { font-size: 9px; font-family: "lucida console", "lucida sans console", fixed, monospace; font-weight: bold; text-align: center; }

img.mugshot { float: left; margin: 0px 8px 0px 0px; padding: 0px; }

.articlesummary { font-weight: bold; }
.articlebody { margin: .75em 0em 0em 0em; padding: 0px; border: none; line-height: 1.25em;}

img {border: none; }

.openthread { margin: 0em 0em 1em 2ex; }
.topthread { margin: 0em 0em 0em 0em; padding: 0em;  }
.closedthread { margin: 0em 0em 0em .5em; padding: 0em;}
.openmsghead { font-weight: bold; background-color: #cccccc; padding: .25em}
.openmsgtext { font-size: 90%; }
.closedmsg { font-size: 80%; margin: 0em; padding: 0em }
.newmsg { color: #a62121 }
.msgfunctions { font-size: 90%;}


div.shadebox { background-color: #cccccc;
padding: 0px 8px 0px 8px ;
border: 1px solid #802020;
border-radius: 3px;
-moz-border-radius: 3px;
margin-left: auto;
margin-right: auto;
margin-top: .75em;
margin-bottom: .75em;
width: 75%; }

/* ol, ul { list-style-position: inside; text-indent: 1em; } */

div.divider, p.divider { border-top: dotted 1px #802020;
border-bottom: dotted 1px #802020;
width: 75%;
padding: .5em;
color: inherit;
text-align: center;
margin-top: 8px;
margin-bottom: 8px;
font-weight: bold;
margin: auto;
}

/* div.divider, p.divider { background-color: #802020; padding: .5em; color: #ccc; text-align: center; margin-top: .75em; margin-bottom: .75em; font-weight: bold; margin: auto; } */

/* div.divider a, p.divider a { color: #ccc } */

h1 { font-size: 130%; font-weight: bold }
h2 { font-size: 120%; font-weight: bold }
h3 { font-size: 110%; font-weight: bold }

td { padding: .5em }
th { padding: .5em }

div.footer, p.footer { font-size: 80%; clear: left; text-align: center; }

.center { text-align: center }

.lform_regular { font-size: 9pt; }
.lform_small { font-size: 8pt; }
.lform_large {  }
.lform_label_lform_regular { font-size: 9pt; text-align: right; }
.lform_input_lform_regular { font-size: 9pt; }
.lform_label_lform_small { font-size: 8pt; text-align: right; }
.lform_input_lform_small { font-size: 8pt; }
.lform_input_lform_large {  }
.lform_label_lform_large {  text-align: right; }
table.flatmessage { width: 100%; border: 1px solid; margin-bottom: .5em; margin-top: .5em; }
th.flatmessage { background-color: #cccccc }
td.flatmessage { background-color: #cccccc }
.errormsg { font-weight: bold; color: #802020; background-color: #cccccc; display: table; font-size: 110%; }
div.inset {float: left; margin-right: 1em; padding: 0em; text-align: center; line-height: 1em }
div.indented { text-indent: 1em }
table.datatable { margin-left: auto; margin-right: auto; border: 1px solid; border-spacing: 1px }
td.datatable { border: 1px solid; padding: 5px; }
th.datatable { border: 1px solid; padding: 5px; text-align: right; }

.journalhead { background-color: #cccccc; margin: 0px; padding: 8px; font-weight: bold; text-align: center;  }
.journalbody { margin: 0px; padding: 0px; text-align: left;  }
img.imgleft { float: left; clear: left; margin: 0px 8px 8px 0px; }
img.imgright { float: right; clear: right; margin: 0px 0px 8px 8px; }
img.img { margin: 5px; }

small { font-size: 80% }